/* ===头部===== */
.header {position: fixed; top: 0; width: 100%; z-index: 99; box-sizing: border-box; transition: .5s;}
.header .headerBox {display: flex; justify-content: space-between;height: 1.17rem; align-items: center;     padding: .1rem 0;}
.header .logo {height: 100%;}
.header .logo a {display: flex; align-items: center; height: 100%;}
.header .logo .logoImg {margin-right: .2rem; height: 100%;}
.header .logo .logoImg img {height: auto; max-height: 100%;}
.header .logo h1 {color: #ffffff; font-size: var(--font26);font-weight: 700;}
.header .logo .en {color: #a1a1a1;font-size: var(--font15);font-family: Arial, Arial-Regular;}
.headerNav {width: 55%; margin-left: 8%;}
.headerNav > ul {display: flex; justify-content: space-between;}
.headerNav > ul > li {line-height: 1.17rem; position: relative;}
.headerNav > ul > li > a {color: #ffffff; position: relative;}
.headerNav > ul > li > a::after {content: "";position: absolute; bottom: -70%; left: 0; height: 0.05rem;background: #ba0703;border-radius: 0.03rem; width: 0; left: 0%; transition: .5s;}
.headerNav > ul > li:first-child:hover > a::after , .headerNav > ul > li:first-child.on > a::after   {width: 120%; left: -6%;}
.headerNav > ul > li:hover > a::after , .headerNav > ul > li.on > a::after {width: 60%; left: 20%;}
.headerNav > ul > li:hover > a ,.headerNav > ul > li.on > a {font-weight: 700;}
.headerRe {display: flex; align-items: center; justify-content: space-between; width: 10%;}
/* 二级导航 */
.navTwo {position: absolute; line-height: initial; background: #fff;width: 250%; left: -75%; display: none; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.05);}
.navTwo dl dd {transition: .5s;}
.navTwo dl dd a {display: flex; justify-content: space-between; align-items: center; padding: 10px 0; color: #666; transition: .5s; width: 90%; margin: auto; border-top: 1px solid #DDDDDD; position: relative; font-size: .14rem; box-sizing: border-box;}
.navTwo dl dd a::after {content: ""; background: url(../images/jt2.png) no-repeat right; width: 100%; position: absolute; right: 0%; height: 100%; background-size: 4%;}
.navTwo dl dd:hover {background: #ba0703 ;}
.navTwo dl dd:hover a {color: #fff; border-color: #ba0703;}
.navTwo dl dd a:hover::after {filter: brightness(100); -webkit-filter:brightness(100);}
/* 产品下拉导航 */
.proNavBox {position: fixed;  width: 100%;left: 0;line-height: initial; background: #fff; border-top: 1px solid #D5D5D5; display: none;}
.proNavList {display: flex; justify-content: space-between;padding: .5rem 0;} 
.proNavList .hd {width: 20%;}
.proNavList .hd li {border-bottom: 1px solid #DDDDDD; position: relative;}
.proNavList .hd li::after {content: ""; position: absolute; width: 0; height: 100%; border-radius: .5rem; background: #ba0703; top: 0; z-index: -1; transition: .5s;}
.proNavList .hd li a {font-weight: 700; padding:0.2rem 0.12rem; box-sizing: border-box; position: relative; display: block; transition: .5s;}
.proNavList .hd li a::after {content: ""; background: url(../images/jt2.png) no-repeat right; width: 100%; position: absolute; top: 0; right: .12rem; height: 100%;}
.proNavList .hd li.on::after {width: 100%;}
.proNavList .hd li.on a {color: #fff;}
.proNavList .hd li.on a::after {filter: brightness(100); -webkit-filter:brightness(100); transition-delay: .4s;}
.proNavList .bd {width: 75%;}
.proNavList .bd ul {display: none;}
.proNavList .bd ul.on {display: block;}
.proNavList .bd .bdTop {display: flex; justify-content: space-between; margin-top: .3rem; margin-bottom: .5rem;}
.proNavList .bd .bdTop h4 {font-size: var(--font30); font-weight: 700;}
.proNavList .bd .bdTop .tle .text {color: #666666; margin-top: .1rem;}
.proNavList .bd .swiperJt {display: flex;}
.proNavList .bd .swiperJt .buttoPrev {transform: rotate(180deg); margin-right: 15px;}
.proNavList .bd .swiperJt .swjt {cursor: pointer; width: 0.45rem; height: 0.45rem;background: #eeeeee; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.proNavList .bd .swiperJt .swjt img {max-width: 20%;}
.proNavList .bd .swiperJt .swjt:hover {background: #ba0703 ;}
.proNavList .bd .swiperJt .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.proNavList .bd .swiperJt .swiper-button-disabled {cursor: not-allowed!important; opacity: .6;}
.proNavSwiper {padding: .25rem 0;}
.proNavSwiper .swiper-slide {border: 0.01rem solid #eeeeee;  }
.proNavSwiper .swiper-slide a {display: block;padding: .15rem;padding-bottom: .4rem; transition: .5s;}
.proNavSwiper .swiper-slide .imgBox {overflow: hidden;}
.proNavSwiper .swiper-slide .imgBox img {width: 100%;transition: .5s;}
.proNavSwiper .swiper-slide h5 {text-align: center;color: #333333;font-weight: 700;font-size: var(--font18); margin-top: .3rem;}
.proNavSwiper .swiper-slide em {text-align: center;color: #bc0703; font-size: var(--font15);margin-top: .3rem; display: block;}
.proNavSwiper .swiper-slide:hover a {box-shadow: 0.04rem 0.03rem 0.3rem 0rem rgba(61,61,61,0.06); }
.proNavSwiper .swiper-slide:hover .imgBox img {transform: scale(1.02);}
.proNavSwiper .swiper-slide:hover h5 {color: #ba0703;}
/* 语言下拉 */
.luange {position: relative;}
.luange .angeBox {display: flex;align-items: center;}
.luange .angeBox span {margin: 0 10px; color: #fff;}
.luange .langehand {transform: translateY(20%);transition: .5s;opacity: 0; visibility: hidden;     padding-top: .2rem;position: absolute; width: 100%;}
.luange .langehand .dlBox {z-index: 0; background: #fff; position: absolute; width: 100%; border-radius: 5px; box-sizing: border-box; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.35); text-align: center;}
.luange .langehand .dlBox::after {z-index: -1; content: ""; display: block;width: 0px;height: 0px; border: 12px solid transparent; border-bottom-color: #fff; position: absolute;  top: -22px; left: 50%; margin-left: -11px;}
.luange .langehand .dlBox a {padding: .05rem 0; display: block; transition: .5s;}
.luange .langehand .dlBox a:hover {background: #ba0703; color: #fff;}
.luange:hover .langehand {transform: none; opacity: 1; visibility: visible;}
/* 搜索下拉 */
.heSearch {line-height: 1.17rem;}
.heSearch > img {cursor: pointer;}
.searchBox {position: fixed; width: 100%;left: 0; display: none;   height: 2rem;width: 100%; border-top: 1px solid #D5D5D5; z-index: 8; box-shadow: 0 5px 5px rgba(0, 0, 0, 0.15);}
.searchBox { background: #fff;line-height: initial;}
.searchBox .inBox {display: flex; align-items: center; justify-content: center; height: 100%;}
.searchBox form {width: 70%; position: relative; border-bottom: 2px solid #eee; padding-bottom: 0.15rem;}
.searchBox form .inText {width: calc(100% - 40px); font-weight: 400;border: none; background: none; outline: none; padding-left: 0.1rem; box-sizing: border-box;}
.searchBox form .inText::placeholder { color: #6666;}
.searchBox form .sub { cursor: pointer; outline: none; border: none; width: 23px; height: 23px; background: url(../images/searchIcon.png) no-repeat center; background-size: contain;}
.searchBox form button img { filter: brightness(0); -webkit-filter:brightness(0);}
/* 头部悬浮 */
.top-headerUp {color: #333;background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.05);}
.top-headerUp .headerNav > ul > li > a {color: #333;}
.top-headerUp .logo h1 {color: #333;}
.top-headerUp .luange .angeBox img { filter: brightness(0); -webkit-filter:brightness(0);}
.top-headerUp .luange .angeBox span {color: #333;}
.top-headerUp .heSearch > img { filter: brightness(0); -webkit-filter:brightness(0);}
/* 头部下滑 */
#c-placeholder {height: 1.17rem;}
.c-head-move {-webkit-transform: translateY(-100%);transform: translateY(-100%);}

/* ====首页===== */
/* 了解更多按钮 */
/* .inMore {width: 1.8rem; height: 0.52rem;background: #178dc2; z-index: 1; display: block; display: flex; align-items: center; justify-content: center; transition: 1s; position: relative;}
.inMore span {color: #fff; font-size: 0.16rem;color: #ffffff; margin-right: 20%; transition: .5s; position: relative; z-index: 1;}
.inMore img {position: relative; left: 0; transition: .5s;}
.inMore:hover img {left: 5%;}
.inMore:hover {background: none; transition-delay: .1s;}
.inMore::before {content: "";  z-index: 0;   display: block;width: 0%;height: 100%;background-color: #333;position: absolute; left: 0;bottom: 0;-webkit-transition: all 0.3s linear;transition: all 0.3s linear;margin: auto;}
.inMore:hover:before { width: 100%;} */
/* banner */
.bannerSwiper {height: 100vh;}
.bannerSwiper .imgBox {height: 100%; overflow: hidden;}
.bannerSwiper .imgBox img {  width: 100%;height: auto; min-height: 100%; transition: 1s linear 2s; transform: scale(1.1,1.1); object-fit: cover;}
.bannerSwiper .swiper-button-prev {transform: rotate(180deg);}
.bannerSwiper .swiper-slide-active img, .bannerSwiper .swiper-slide-duplicate-active img {transition: 6s linear;transform: scale(1,1);}
.bannerSwiper .con {position: absolute; left: 50%; top: 68%; transform: translate(-50%, -50%);width: 1600px; max-width: 92%;}
.bannerSwiper .con .p1 {font-size: .38rem;color: #ffffff;}
.bannerSwiper .con .p2 {font-size: 0.85rem;color: #ffffff;  font-weight: 700;}
.bannerSwiper .swiper-pagination {width: 1600px;left: 50%; bottom: 5%; transform: translate(-50%, -50%);max-width: 92%; text-align: left;}
.bannerSwiper .swiper-pagination span {width: 15px;height: 6px;opacity: 0.34;background: #f6f6f6;border-radius: 3px; margin: 0 5px;}
.bannerSwiper .swiper-pagination .swiper-pagination-bullet-active {width: 30px; opacity: 1;}
.swiper-num {width: 1600px;left: 50%; bottom: 7%; transform: translate(-50%, -50%);max-width: 92%; text-align: left; position: absolute; z-index: 1;}
.swiper-num span {margin-left: 8px; color: #fff; font-size: var(--font14);font-family: Arial, Arial-Bold;font-weight: 700;}

.indexOne ul {display: flex; justify-content: center;}
.indexOne ul li {width: calc(100%/5); padding: .4rem 1rem; text-align: center; background: #fcfcfc;}
.indexOne ul li:nth-child(odd) {background: #f1f1f1;}
.indexOne ul li .imgBox {display: flex; align-items: center; justify-content: center;}
.indexOne ul li .imgBox img {max-width: 100%; transition: .5s;}
.indexOne ul li span {color: #666666; font-size: var(--font18);margin-top: 15px; display: block;}
.indexOne ul li:hover .imgBox img {transform: scale(1.05);}
.indexOne ul li:hover span {color: #ba0703;}

.indexTwo .box {display: flex;}
.indexTwo .box .le {padding: 0 1rem; padding-right: 1.7rem; width: 50%; box-sizing: border-box; display: flex; flex-direction: column; justify-content: center;}
.indexTwo .box .le h3 {color: #333333; font-size: var(--font38);}
.indexTwo .box .le p {font-size: var(--font17);color: #666666;line-height: 2; margin-top: .3rem;}
.indexTwo .box .le .more {margin-top: .6rem;}
.indexTwo .box .le .more a {display: flex; justify-content: center; align-items: center; width: 1.7rem;height: 0.5rem;border: 0.01rem solid #c6c6c6; border-radius: 0.26rem; transition: .5s;}
.indexTwo .box .le .more a span {font-size: var(--font17);color: #777777;}
.indexTwo .box .le .more a img {margin-left: 20%;}
.indexTwo .box .le .more a:hover {background: #ba0703;border-color: #ba0703;}
.indexTwo .box .le .more a:hover span {color: #fff;}
.indexTwo .box .le .more a:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.indexTwo .box .imgBox {width: 50%; min-height: 5.4rem;}
.indexTwo .box .imgBox img {width: 100%; height: 100%; object-fit: cover;}

.indexThree ul {display: flex; justify-content: center;}
.indexThree ul li {width: calc(100%/3); position: relative;}
.indexThree ul li .imgBox {overflow: hidden;}
.indexThree ul li .imgBox img {width: 100%; transition: .5s;}
.indexThree ul li .con {position: absolute; width: 100%; height: 100%; left: 0; top: 0; padding: 0 .5rem;padding-top: 13%; box-sizing: border-box;}
.indexThree ul li h3 {color: #333333;font-size: var(--font34);}
.indexThree ul li p {margin-top: 10px;color: #666666;}
.indexThree ul li a {margin-top: .2rem; width: 100px;height: 40px;border: 1px solid #c6c6c6;border-radius: 20px;display: block; text-align: center; line-height: 40px; font-size: .14rem; transition: .5s;}
.indexThree ul li a:hover {background: #ba0703;border-color: #ba0703; color: #fff;}
.indexThree ul li:hover .imgBox img {transform: scale(1.05);}

/* =====底部===== */
.footer {background: #333333;}
.foterNav {display: flex; justify-content: space-between; padding: .6rem 0;}
.foterNav dl {margin-right: .15rem;}
.foterNav dl:last-child {margin-right: 0;}
.foterNav dt {color: #fff;font-weight: 700; font-size: var(--font17); margin-bottom: .2rem;}
.foterNav dd {color: rgb(255, 255, 255 , .67);font-size: var(--font15);display: block; margin: 8px 0; }
.foterNav dd a {color: rgb(255, 255, 255 , .67);font-size: var(--font15);display: block;}
.foterNav dd a:hover {color: #fff;}
.foterNav dl:last-child dd a {display: inline-block;}
.copyRight {background: #282828; padding: .25rem 0;}
.copyRight .container {display: flex; flex-wrap: wrap; justify-content: space-between;}
.copyRight p ,.copyRight p a {color: rgba(255, 255, 255,.68);}
.copyRight p a {white-space: nowrap;}
.copyRight p a:hover {color: #fff;}

/* ==================================================================内页=================================================== */
.ny-banner {overflow: hidden; position: relative;}
.ny-banner .imgBox img {width: 100%;}
.ny-banner .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.ny-banner .con h3 {font-size: 0.65rem;color: #ffffff;}
.ny-banner .con .en {color: #ffffff;font-size: var(--font30);  font-family: "OpenSansRegular";letter-spacing: 0.06rem;}
.ny-banner .con2 {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.ny-banner .con2 h3 {font-size: 0.61rem;color: #ffffff;}
.ny-banner .con2 .text {font-size: var(--font24);color: #ffffff;}

/* =====关于我们===== */

/* 关于我们栏目 */
.aboutNav {border-bottom: 1px solid #eee; background: #fff;position: relative; z-index: 1;}
.aboutNav ul {display: flex; justify-content: center; height: .7rem; }
.aboutNav ul li a {display: flex; align-items: center; height: 100%; padding:0 .45rem; box-sizing: border-box; transition: .5s; color: #333333;}
.aboutNav ul li.on a , .aboutNav ul li:hover a {color: #FEFEFE;background: #ba0703;}
.ctitle2 {display: none !important;}
/* 关于相互 */
.aboutXh {margin: 1rem 0;}
.aboutXh .box {display: flex; justify-content: space-between;}
.aboutXh .tle h3 {font-size: 0.46rem;color: #333333; visibility: hidden;}
.aboutXh .tle i {width: 0.42rem; height: 0.05rem;  background: #c7000b; display: inline-block;}
.aboutXh .box dl {margin-top: 1rem; display: flex; justify-content: space-between;}
.aboutXh .box dl .counter {font-size: 0.72rem;color: #ba0703; font-family: "DINRegular"; font-weight: 100;}
.aboutXh .box dl em {color: #ba0703; font-size: var(--font28);font-weight: 400;}
.aboutXh .box dl dd {text-align: center;}
.aboutXh .box dl .p1 {color: #888888; font-size: var(--font17);}
.aboutXh .box .le {width: 32%;}
.aboutXh .box .re {width: 53%; margin-right: .8rem;}
.aboutXh .box .re p {color: #666666;font-size: var(--font18);line-height: 2;}
.aboutXh .box .re p:nth-child(2) {margin-top: .5rem;}
.aboutXh ul {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 1.25rem;}
.aboutXh ul li {width: 47%;margin-bottom: .7rem; overflow: hidden;}
.aboutXh ul li .imgBox {overflow: hidden;}
.aboutXh ul li .imgBox img {width: 100%; transition: .5s;}
.aboutXh ul li .con {margin-top: .5rem;margin-left: .1rem;}
.aboutXh ul li .con h5 {font-size: var(--font30);color: #333333;margin-bottom: .1rem;}
.aboutXh ul li .con span {font-size: var(--font18);color: #777777;}
.aboutXh ul li .con em {font-size: var(--font16);color: #c1302e; display: block;margin-top: .3rem;}
.aboutXh ul li:hover .imgBox img {transform: scale(1.1);}
.aboutXh ul li:hover h5 {color: #ba0703;}
/* 发展历程 */
.history {background: url('../images/history-bj.jpg') no-repeat center; background-size: cover; padding: .5rem 0;}
.history .box {position: relative;}
.history .box .xian {height: 0.03rem;background: #cbd1d6; position: absolute; width: 100%; left: 0; bottom: .64rem;}
.historySwiper {padding-top: 1rem;}
.historySwiper .swiper-wrapper {align-items: flex-end;}
.historySwiper .conTop {padding-bottom: 1.4rem; position: relative;    padding-left: 0.5rem;}
.historySwiper .swiper-slide:nth-child(even) .conTop {padding-bottom: 2rem;}
.historySwiper .conTop i {position: absolute; width: 0.08rem; height: 0.08rem;background: #b7bdc2;  left: .228rem; border-radius: 50%;}
.historySwiper .conTop i::after {content: ""; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);width: .15rem; height: .15rem; border-radius: 50%; border: 1px solid #b7bdc2 ;}
.historySwiper .conTop::after { position: absolute; left: .26rem; top: 0; content: ''; width: 1px; height: 100%;background-color: #B7BDC2;  }
.historySwiper .imgBox {width: 1rem; height: 1rem; overflow: hidden; border-radius: 50%;}
.historySwiper .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.historySwiper .conTop .info {position: relative;top: -.4rem;}
.historySwiper .conTop .info p {font-size: .17rem;color: #666666; margin-top: 6px;}
.historySwiper .conBom {padding-top: .4rem; position: relative; font-size: .24rem;font-family: Arial, Arial-Bold;font-weight: 700;color: #949aa0; display: inline-block;} 
.historySwiper .conBom::before {content: "";    position: absolute;top: 0;left: 50%; transform: translateX(-50%);width: .2rem;height: .2rem; background-color: #B7BDC2;border-radius: 100%;}
.history .hisJt {display: flex; justify-content: center; margin-top: .8rem;}
.history .hisJt i { display: block;  border-top: 1px dashed #8a8a8b; margin: 0 25px; width: 50%;}
.history .hisJt .swjt {position: relative;}
.history .hisJt .swiper-button-prev {transform: rotate(180deg);}
/* 荣誉资质 */
.honer {margin:0.8rem 0;}
.honerNav {border-bottom: 1px solid #DDDDDD;}
.honerNav dl {display: grid; justify-content: center; grid-template-columns: repeat(3,auto);gap: 1rem;}
.honerNav dl dd {display: flex; align-items: center; padding-bottom: .25rem; position: relative; opacity: .3; cursor: pointer;}
.honerNav dl dd span {color: #333333;font-size: .3rem; margin-left: 10px;}
.honerNav dl dd::after {content: ""; width: 0; left: 0; height: 4px; background: #ba0703; position: absolute; bottom: -3px; left: 0; transition: .5s;}
.honerNav dl dd .icBox img {filter: grayscale(100%); -webkit-filter:grayscale(100%);}
.honerNav dl dd.on {opacity: 1;}
.honerNav dl dd.on::after {width: 100%;}
.honerNav dl dd.on .icBox img {filter: none; -webkit-filter:none;}
.honerList {margin-top: .8rem;}
.honerList ul.on {display: grid;}
.honerList ul {display: none; grid-template-columns: repeat(4,1fr);gap: .3rem;}
.honerList ul li .imgBox {position: relative;  padding-bottom: 17%; text-align: center;}
.honerList ul li .imgBox::after {content: ""; background: url(../images/honer-img-icon.png) no-repeat bottom; background-size: 100%; z-index: -1; bottom: 0; width: 100%; height: 100%; position: absolute; left: 0;}
.honerList ul li .picImg {display: inline-block; position: relative;}
.honerList ul li .picImg::after {content: ""; left: 0; position: absolute; width: 100%; height: 100%; background: rgba(0, 0, 0,.5) url(../images/fdj-icon2.png) no-repeat center; transition: .5s; opacity: 0;}
.honerList ul li .picImg img {padding: .1rem; box-sizing: border-box;background: #f5f5f5;width: 100%; }
.honerList ul li .con {border-bottom: 1px solid #dddddd; padding: 0 .15rem; padding-bottom: .15rem; margin-top: .1rem;}
.honerList ul li .con span {font-size: var(--font16); color: #666666; font-family: Arial, Arial-Regular; display: block; background: url(../images/fdj-icon.png) no-repeat right; padding-right: 35px;}
.honerList ul li:hover .con span {color: #ba0703;}
.honerList ul li:hover .picImg::after {opacity: 1;}



/* 视频展示 */
.videoList {padding: .8rem 0; padding-top: 0;}
.videoList ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .25rem; }
.videoList ul li .imgBox {overflow: hidden; position: relative;}
.videoList ul li .imgBox::after {content: ""; left: 0; position: absolute; top: 0; width: 100%; height: 100%; background: url(../images/videoBtn.png) no-repeat center; z-index: 1;}
.videoList ul li .imgBox img {width: 100%; transition: .5s;}
.videoList ul li .con {padding: .15rem 0; text-align: center;}
.videoList ul span {color: #333333;font-size: var(--font18);display: block; position: relative;  box-sizing: border-box;}

.videoList .videoBox {width: 60%; margin: auto;}
.videoList .videoBox video {max-width: 100%;  max-height: 100%; display: block; margin: auto;}
@media screen and (min-width: 200px) and (max-width: 767px) {
.videoList .videoBox {width: 100%; }
/* .videoList .videoBox video {width: 100%; margin-bottom: .5rem;} */
}

.proMentOne ul li:hover .imgBox img {transform: scale(1.05);}
.proMentOne ul li:hover .con span {color: #ba0703;}


/* 组织架构 */
.structure {padding-top: 1rem; padding-bottom: 2rem; background: url(../images/structure-bj.jpg) no-repeat center; background-size: cover;}
.structure .imgBox {text-align: center;}
.structure .imgBox img {max-width: 100%;}

/* =====产品中心===== */

.proCenter {margin: .7rem 0;}
.proCenter .tle {margin-bottom: .6rem; text-align: center;}
.proCenter .tle h3 {color: #333333;font-size: .48rem; margin-bottom: .25rem;}
.proCenter .tle .text {color: #666666;font-weight: 400; width: 64%; margin: auto; line-height: 1.8;}
.proCenter ul {display: grid; grid-template-columns: 33% 7.2% 18% 7.2% 33%;  gap: 6px;}
.proCenter ul li {background: red; height: 3rem;}
.proCenter ul li:nth-child(1) {grid-column: 1 / 4;}
.proCenter ul li:nth-child(2) {grid-column: 4 / 6;}
.proCenter ul li:nth-child(3) {grid-column: 1 / 3;}
.proCenter ul li:nth-child(4) {grid-column: 3 / 6;}
.proCenter ul li:nth-child(5) {grid-column: 1 / 4;}
.proCenter ul li:nth-child(6) {grid-column: 4 / 6;}
.proCenter ul li:nth-child(7) {grid-column: 1 / 3;}
.proCenter ul li:nth-child(8) {grid-column: 3 / 6;}
.proCenter ul li a {display: block; height: 100%; position: relative;}
.proCenter ul li .imgBox {height: 100%; position: relative; overflow: hidden;}
.proCenter ul li .imgBox::after { content: ""; width: 100%; height: 100%; background: rgba(0, 0, 0,.39); bottom: 0; position: absolute;left: 0;}
.proCenter ul li .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.proCenter ul li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); text-align: center; width: 100%;}
.proCenter ul li .con .disc {transition: .5s;}
.proCenter ul li .con h4 {font-size: .3rem;color: #ffffff; line-height: 1;}
.proCenter ul li .con i {display: inline-block;width: 0.44rem;height: 0.01rem;background: #ffffff;}
.proCenter ul li .con span {display: block;color: #bbbbbb; padding: 0 .25rem;}
.proCenter ul li .con .more {position: absolute; left: 50%; top: 130%; transform: translate(-50%, -50%); opacity: 0; transition: .5s; visibility: hidden;}
.proCenter ul li .con .more {width: 40px; height: 40px; background: #bc0703;border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.proCenter ul li .con .more img {filter: brightness(100); -webkit-filter:brightness(100);}
.proCenter ul li:hover .con .more {opacity: 1; visibility: visible;}
.proCenter ul li:hover .disc {transform: translateY(-40%);}
/* 产品列表 */
.proListNav {position: relative;}
.proListNavSwiper a {padding: .4rem .1rem; box-sizing: border-box; display: block; transition: .5s;}
.proListNavSwiper .icBox {max-width: .45rem; height: .45rem; display: flex; align-items: center; justify-content: center; margin: auto;}
.proListNavSwiper .icBox img {filter: brightness(0); -webkit-filter:brightness(0);opacity: .5; max-width: 100%;}
.proListNavSwiper .swiper-slide {flex: 1;text-align: center;}
.proListNavSwiper .swiper-slide span {margin-top: 15px;display: block;} 
.proListNavSwiper .swiper-slide:hover a , .proListNavSwiper .swiper-slide.on a  {background: #bc0703; color: #fff;}
.proListNavSwiper .swiper-slide:hover .icBox img , .proListNavSwiper .swiper-slide.on .icBox img  {filter: brightness(100); -webkit-filter:brightness(100); opacity: 1;}
.proListNav .swjt {right: 0; display: none;}
.proListNav .swjt.swiper-button-prev {left: 0; transform: rotate(180deg);}
.proListNav .swjt img {filter: brightness(0); -webkit-filter:brightness(0);}

.currentPro {padding:1.1rem 0;}
.currentPro .box {display: flex; justify-content: space-between; align-items: center;}
.currentPro .con i {background: #bc0703;border-radius: 25px; padding: 5px 25px; box-sizing: border-box; display: inline-block; font-style: normal; color: #fff; text-align: center;}
.currentPro .tle {margin-top:.1rem;}
.currentPro .tle h5 {font-size: 0.5rem;color: #333333;font-weight: 700;}
.currentPro .tle span {color: #444444;font-size: 0.22rem;}
.currentPro .imgBox {width: 50%; display: flex; justify-content: center; align-items: center; margin-left: 5%;}
.currentPro .imgBox img {max-width: 100%;}

.proDevise {padding:.5rem 0;}
.proDevise .tle {text-align: center;}
.proDevise .tle h3 {font-size: 0.5rem;font-weight: 700;color: #333333;}
.proDevise .tle .en {font-size: var(--font20);font-family: Arial, Arial-Regular; color: #d7d7d7;}
.proDevise ul {display: grid; grid-template-columns: repeat(3,1fr); gap: .7rem; margin-top: .5rem;}
.proDevise ul li a {display: block; padding: .5rem;}
.proDevise ul li {border: 1px solid #e9e9e9; text-align: center; transition: .5s;}
.proDevise ul li .imgBox img {transition: .5s; max-width: 100%;}
.proDevise ul li .con {margin-top: .45rem;}
.proDevise ul li h6 {font-size: var(--font22); color: #333;}
.proDevise ul li .en {color: #888888;font-family: Arial, Arial-Regular;}
.proDevise ul li .more {width: 2rem; height: 0.55rem; background: #f1f1f1; background-image: url(../images/jt5.png); background-repeat: no-repeat; background-position: center; border-radius: 0.28rem; margin: auto; margin-top: .45rem; transition: .5s;}
.proDevise ul li .more span {display: flex; align-items: center; justify-content: center; height: 100%;  color: #666666; font-size: var(--font17); transition: .5s;}
.proDevise ul li:hover .more {background: #BC0703 url(../images/jt5.png) no-repeat 80%;}
.proDevise ul li:hover span {margin-right: 30%; color: #fff;}
.proDevise ul li:hover .imgBox img {transform: scale(1.05);}
.proDevise ul li:hover {box-shadow: 0.04rem 0.03rem 0.3rem 0rem rgba(61,61,61,0.06); border-color: transparent;}
/* 产品详情 */
.mbx {margin-bottom: .5rem;color: #888888; font-size: var(--font15);}
.mbx a:hover {color: #333;}
.proDate {background: #f9f9f9; padding: 1rem 0;}
.proDateInfo {background: #fff; padding: .8rem; box-sizing: border-box;}
.proDateInfo .tle {font-size: .48rem; border-bottom: 1px solid #EEEEEE; padding-bottom: .3rem;}
.proDateInfo .proDateCon {margin-top: .5rem;}
.proDateInfo .proDateCon .table {display: flex; align-items: center;}
.proDateInfo .proDateCon .table > table {margin-right: 2%; width: 48%;}
.proDateInfo .proDateCon .table > table img {max-width: 100%;}
.proDateInfo .proDateCon .table .tableOne {width: 50%; overflow-x: auto;}
.proDateInfo .proDateCon .table .tableOne table {width: 100%;border: 1px solid #ddd; white-space: nowrap;}
.proDateInfo .proDateCon .table .tableOne table p {line-height: 3em !important;}

.proDateRelated {margin-top: 0.5rem;}
.proDateRelated .tle {text-align: center;font-size: 0.48rem;color: #333333; margin-bottom: .5rem;}
.proDateRelated .swiperBox {position: relative;}

.proRelatedSwiper {width: 90%;}
.proRelatedSwiper .swiper-slide {height: auto;}
.proRelatedSwiper .swiper-slide a {display: block; height: 100%; padding: .2rem; padding-bottom: .4rem; border: 1px solid #e9e9e9; text-align: center; transition: .5s; background: #fff;}
.proRelatedSwiper .swiper-slide .imgBox img {transition: .5s; max-width: 100%;}
.proRelatedSwiper .swiper-slide .con {margin-top: .3rem;}
.proRelatedSwiper .swiper-slide h6 {font-size: var(--font22); color: #333;}
.proRelatedSwiper .swiper-slide .more {width: 1.6rem; height: 0.45rem; background: #f1f1f1; background-image: url(../images/jt5.png); background-repeat: no-repeat; background-position: center; border-radius: 0.28rem; margin: auto; margin-top: .25rem; transition: .5s;}
.proRelatedSwiper .swiper-slide .more span {display: flex; align-items: center; justify-content: center; height: 100%; font-size: 0.14rem; color: #666666; font-size: var(--font15); transition: .5s;}
.proRelatedSwiper .swiper-slide:hover .more {background: #BC0703 url(../images/jt5.png) no-repeat 80%;}
.proRelatedSwiper .swiper-slide:hover span {margin-right: 30%; color: #fff;}
.proRelatedSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.proRelatedSwiper .swiper-slide:hover {box-shadow: 0.04rem 0.03rem 0.3rem 0rem rgba(61,61,61,0.06); border-color: transparent;}
.proDateRelated .swiperBox .swiper-button-prev {transform: rotate(180deg); margin-right: 15px; left: 0;}
.proDateRelated .swiperBox .swjt {cursor: pointer; right: 0; width: 0.45rem; height: 0.45rem;background: #eeeeee; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.proDateRelated .swiperBox .swjt img {max-width: 20%;}
.proDateRelated .swiperBox .swjt:hover {background: #ba0703 ;}
.proDateRelated .swiperBox .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.proDateRelated .swiper-pagination {bottom: -.5rem; display: none;}
.proDateRelated .swiper-pagination .swiper-pagination-bullet-active {background: #BC0703;}


/* =====新闻中心===== */
.newsInfo {margin-top: .7rem; margin-bottom: 1rem;}
.newsInfoSwiper {background: #f8f8f8;}
.newsInfoSwiper .slideBox {display: flex; align-items: center}
.newsInfoSwiper .slideBox .le {padding: 1% 4%; box-sizing: border-box; width: 50%; box-sizing: border-box;}
.newsInfoSwiper .slideBox em {color: #bd0703;font-size: var(--font18);}
.newsInfoSwiper .slideBox h3 {margin-top: .15rem;font-size: var(--font30);color: #333333; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsInfoSwiper .slideBox p {font-size: var(--font16); color: #888888;line-height: 1.8; margin-top: .3rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newsInfoSwiper .slideBox .time {font-size: var(--font16); font-family: Arial, Arial-Regular;color: #777777; margin-top: .2rem;}
.newsInfoSwiper .slideBox .more {margin-top: 8%;display: flex; width: 1.53rem; height: 0.55rem; justify-content: center; align-items: center;}
.newsInfoSwiper .slideBox .more a {display: flex; justify-content: center; align-items: center;width: 100%; height: 100%;}
.newsInfoSwiper .slideBox .more a {color: #fff;     background: #bd0703 url(../images/jt6.png) no-repeat 80%;padding-right: 25%; box-sizing: border-box;}
.newsInfoSwiper .re {height: 5rem; width: 50%; overflow: hidden;}
.newsInfoSwiper .re img {height: 100%; width: 100%; object-fit: cover; transition: .5s;}
.newsInfoSwiper .re:hover img {transform: scale(1.05);}
.newsInfoSwiper .swiper-button-prev {transform: rotate(180deg); margin-right: 15px; left: 41.5%;}
.newsInfoSwiper .swjt {top: 80%; cursor: pointer; right: 52%; width: 0.45rem; height: 0.45rem;background: #ba0703; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: .5s;}
.newsInfoSwiper .swjt img {max-width: 20%;filter: brightness(100); -webkit-filter:brightness(100);}
.newsInfoSwiper .swjt:hover {background: #ba0703;}
.newsInfoSwiper .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.newsInfoSwiper .swjt.swiper-button-disabled {background: #eeeeee;opacity: 1;}
.newsInfoSwiper .swjt.swiper-button-disabled img {filter: none;-webkit-filter:none;}

.newsCenter .boxTop {display: flex; justify-content: space-between; align-items: center; flex-wrap: wrap;}
.newsCenter .tle {font-size: 0.46rem;color: #333333;}
.newsCenter .swiperBox {position: relative;}
.newsCenterSwiper {margin: 0;}
.newsCenterSwiper .swiper-slide {flex: 1;text-align: center;}
.newsCenterSwiper .swiper-slide a {display: block; white-space: nowrap; color: #777777; margin-left: 40px; position: relative; padding-bottom: .12rem;}
.newsCenterSwiper .swiper-slide a::after {content: ""; position: absolute; width: 0; left: 0; height: 4px;background: #bd0703; border-radius: 10px; bottom: 0; transition: .5s;}
.newsCenterSwiper .swjt {right: 0; display: none;}
.newsCenterSwiper .swjt img { filter: brightness(0); -webkit-filter:brightness(0);}
.newsCenterSwiper .swiper-button-prev {transform: rotate(180deg); left: 0;}
.newsCenterSwiper .swiper-slide:hover a , .newsCenterSwiper .swiper-slide.on a {color: #bc0703;}
.newsCenterSwiper .swiper-slide:hover a::after , .newsCenterSwiper .swiper-slide.on a::after {width: 100%;}
.newsList {margin: .8rem 0;}
.newsList ul {display: grid; grid-template-columns: repeat(3,1fr); width: 106%;margin-left: -3%; position: relative;}
.newsList ul li {position: relative;padding: 0 9%; padding-bottom: .5rem; box-sizing: border-box;position: relative; overflow: hidden; margin-bottom: .7rem;}
.newsList ul::before {content: ""; position: absolute; width: 1px; height: calc(100% - .7rem);background: #eeeeee;right: 66.6%; top: 0; overflow: hidden;}
.newsList ul::after {content: ""; position: absolute; width: 1px;  height: calc(100% - .7rem);background: #eeeeee;right: 33.3%; top: 0; overflow: hidden;}
.newsList ul li:nth-child(3n)::before {display: none;}
.newsList ul li .imgBox img {width: 100%; transition: .5s;}
.newsList ul li h5 {color: #333333;font-size: var(--font18);margin-top: .2rem;}
.newsList ul li p {color: #777777;font-size: var(--font16);line-height: 1.8;margin-top: .2rem;display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical; display: none;}
.newsList ul li em {display: block;margin-top: .3rem; font-size: var(--font16);color: #666666; font-family: Arial, Arial-Regular; position: relative;}
.newsList ul li em::after {content: ""; position: absolute; right: 0;top: 0;  width: 100%; height: 100%;  background: url(../images/jt7.png) no-repeat 80%; transition: .5s; opacity: 0;}
.newsList ul li:hover em::after {background-position-x: 100%; opacity: 1;}
.newsList ul li::after {content: ""; position: absolute; top: -18%; width: 100%; height: 118%;background: #F8F8F8;right: 0; z-index: -1; -webkit-clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%); clip-path: polygon(0 29%, 100% 56%, 100% 100%, 0% 100%);     transform: translateY(100%); transition: .5s;}
.newsList ul li:hover::after { transform: translateY(0);}
.newsList ul li:hover h5 {color: #ba0703;}
/* 新闻详情 */
.newsDate {background: #e4ebf4; padding: .5rem 0 1rem 0;}
.newsDate h3 {font-size: 0.39rem;color: #333333;}
.newsDate .tleBox {display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.newsDate .tleBox .tleLe {margin-right: .5rem; width: 75%;}
.newsDate .tleBox dl {margin-top: .5rem;display: grid; grid-template-columns: repeat(2,auto);gap: .8rem; justify-content: flex-start;}
.newsDate .tleBox dl dd {display: flex; align-items: center;}
.newsDate .tleBox dl dd span {margin-left: 8px;color: #888888;font-size: var(--font16);}
.newsDate .tleBox .more { margin-top: 10px; width: 2rem; height: 0.71rem; background: #BC0703; background-image: url(../images/jt5.png); background-repeat: no-repeat; background-position: center; border-radius: 0.36rem; transition: .5s;}
.newsDate .tleBox .more span {display: flex; align-items: center; justify-content: center; height: 100%; margin-right: 30%; color: #fff; font-size: var(--font17); transition: .5s;}
.newsDate .tleBox .more {background: #BC0703 url(../images/jt5.png) no-repeat 80%;}
.newDateCon {margin: .5rem 0 1rem 0;}
.newDateCon img {max-width: 100%;}
.newDateCon .box {display: flex; justify-content: space-between;}
.newDateCon .box .le {width: 65%;}
.newDateCon .box .re {width: 23%;}
.newDateCon .box .le .shareLinks {text-align: center; margin-top: 1rem; color: #666; font-size: var(--font14); margin-bottom: .5rem;}
.newDateCon .box .le .shareLinks span {margin-bottom: .1rem; display: block;}
.newsPage {display: flex; align-items: center; justify-content: space-between;border-top: 1px solid #eee; padding-top: .5rem;}
.newsPage a {display: flex; align-items: center;}
.newsPage a .icBox {width: 20px; height: 20px; border: 1px solid #a9a9a9; border-radius: 50%; display: flex; align-items: center; justify-content: center;}
.newsPage a .icBox img {filter: brightness(0); -webkit-filter:brightness(0); transform: rotate(90deg); opacity: .5;}
.newsPage a span {color: #999999; font-size: var(--font14); margin-left: 10px;}
.newsPage a.next span {margin-left: 0; margin-right: 10px;}
.newsPage a.next img {transform: rotate(-90deg);}
.newsPage a:hover span {color: #BC0703;}
.newDateCon .box .re h4 {font-size: var(--font24); padding-bottom: .2rem; border-bottom: 1px solid #DDDDDD;}
.newDateCon .box .re li {padding: .2rem 0; border-bottom: 1px solid #DDDDDD;}
.newDateCon .box .re h6 {font-size: var(--font18);color: #666666; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.newDateCon .box .re em {font-size: var(--font14);color: #a4a7ab;margin-top: .15rem;display: block;}
.newDateCon .box .re li:hover h6 {color:#BC0703 ;}

/* =====生产技术===== */
.proDucetTle {text-align: center; padding: .8rem 0;}
.proDucetTle h3 {color: #333333;font-size: .46rem; visibility: hidden;}
.proDucetTle .en {color: #999999;font-family: Arial, Arial-Regular;font-size: var(--font16);letter-spacing: 0.01rem;text-transform: uppercase;}
.proDucetTle i {display: inline-block;width: 0.5rem;height: 0.05rem;background: #ba0703;}
.produceOne {background: #f8f8f8;padding-bottom: 1rem; display: none;}
.produceOne ul {display: flex; justify-content: space-between;}
.produceOne ul li {padding: 0 .8rem; width: calc(100% / 3); position: relative;}
.produceOne ul li .xian {position: absolute; right: 0; height: 100%;background: rgba(221, 221, 221,.6); top: 0;width: 1px; }
.produceOne ul li .xian::after {content: ""; position: absolute; left: .5px; top: 50%; transform: translate(-50%, -50%); height: 25%;width: 3px;background: #DDDDDD;}
.produceOne ul li:last-child .xian {display: none;}
.produceOne ul li .con {background: #fff; padding: .4rem; box-sizing: border-box; position: relative;}
.produceOne ul li .con::after {content: ""; width: 70%; position: absolute; left: 50%; bottom: -10px; transform: translate(-50%, -50%); height: 6px; background: #ba0703; }
.produceOne ul li .con em {color: #999999;}
.produceOne ul li .con h4 {font-size: var(--font20);color: #333;font-family: Arial, Arial-Bold; font-weight: 700;}
.produceOne ul li .con i {display: inline-block;width: 0.4rem; height: 0.03rem; background: #ba0703; margin-top: -.1rem;}
.produceOne ul li dl dd {margin: .2rem 0;color: #666666;}
.produceOne ul li dl dd span {font-size: var(--font20); font-family: Arial, Arial-Bold;font-weight: 700; color: #333;}

.produceTwo {background: url(../images/produceTwo-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 1.5rem;}
.produceTwoSlide {display: flex; justify-content: space-between;}
.produceTwoSlide .hd {flex-shrink: 0; margin-right: 50px;}
.produceTwoSlide .hd ul {position: relative;}
.produceTwoSlide .hd ul::before {content: ""; position: absolute; height: 90%; top: 5%; background: #F3F3F3;width: 1px;}
.produceTwoSlide .hd li {cursor: pointer; padding-left: 20px; position: relative; margin-top: .9rem; font-size: var(--font18);font-family: Arial, Arial-Regular;color: #888888;}
.produceTwoSlide .hd li:first-child {margin-top: 0;}
.produceTwoSlide .hd li i {content: ""; width: 6px; height: 6px; border-radius: 50%; background: #cccccc;position: absolute; left:0.6px; top: 50%; transform: translate(-50%, -50%);}
.produceTwoSlide .hd li i::after {content: ""; width: 20px; height: 20px; border-radius: 50%; background: #BA0703;position: absolute;     left: -7px; top: -7px; z-index: 0;  }
.produceTwoSlide .hd li i::after { animation: scalemap 2s linear infinite; -moz-animation: scalemap 2s linear infinite;-webkit-animation: scalemap 2s linear infinite; display: none;}
.produceTwoSlide .hd li.on i {background: #BA0703;}
.produceTwoSlide .hd li.on i::after {display: block;}
.produceTwoSlide .bd {width: 87%;}
.produceTwoSlide .bd ul { height: 100%;}
.produceTwoSlide .bd ul li {overflow-x: auto;padding-bottom: .2rem; scrollbar-color:#BA0703 #F3F3F3;scrollbar-width:thin;}
.produceTwoSlide .bd ul li table {white-space: nowrap;}
.produceTwoSlide .bd ul li table p {text-indent: initial !important;}
.produceTwoSlide .bd ul li table tr td {padding: 0 20px;}
.produceTwoSlide .bd ul li::-webkit-scrollbar {height: 10px; border-radius: 30px;}
.produceTwoSlide .bd ul li::-webkit-scrollbar-thumb { background: #BA0703;border-radius: 30px;}
.produceTwoSlide .bd ul li::-webkit-scrollbar-track {background: #F3F3F3; border-radius: 30px;}

.produceThree {overflow: hidden;}
.produceThree .box ul {display: flex;}
.produceThree .box ul li {position: relative; width: 50%; transition: .5s; height: 5.8rem; overflow: hidden;}
.produceThree .box ul li .imgBox {height: 100%;}
.produceThree .box ul li .imgBox img {width: 100%; height: 100%; object-fit: cover; transition: .5s;}
.produceThree .box ul li .con {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%;}
.produceThree .proDucetTle h3 {color: #FFFFFF;}
.produceThree .proDucetTle .en {color: #fff;}
.produceThree ul li .more {display: flex; justify-content: center;}
.produceThree ul li .more a {width: 1.24rem; height: 0.48rem; border: 0.01rem solid rgba(255, 255, 255,.6); color: #fff; font-size: .14rem; border-radius: 0.25rem; display: flex; align-items: center; justify-content: center; transition: .5s;}
.produceThree ul li .more a:hover {background: #ba0703; border-color: #ba0703;}
.produceThree .box ul li:hover .imgBox img {transform: scale(1.05);}

.produceFour {padding-bottom: .8rem;}
.produceFour ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .25rem;}
.produceFour ul li {padding: .7rem 0.5rem 1.25rem .25rem; box-sizing: border-box;background: #f9f9f9;border-radius: 10px; transition: .5s;}
.produceFour ul li h4 {font-size: var(--font24);color: #333333; margin-top: .2rem;}
.produceFour ul li p {color: #666666;margin-top: .2rem; line-height: 1.8;}
.produceFour ul li:hover {transform: translateY(-10px);}
.produceFour .more {display: flex; justify-content: center; margin-top: .6rem;}
.produceFour .more a {width: 1.8rem; height: 0.57rem;background: #ba0703; border-radius: 0.29rem; display: flex; align-items: center; justify-content: center; color: #fff; transition: .5s;}
.produceFour .more a:hover {background: none; border:1px solid #ba0703; color: #ba0703;}

.produceFive {background: url(../images/produceFive-bj.jpg) no-repeat center; background-size: cover; padding-bottom: 2rem;}
.produceFive .proDucetTle h3 {color: #FFFFFF;}
.produceFive .proDucetTle .en {color: #fff;}
.produceFive .more {display: flex; justify-content: center; margin-top: .7rem;}
.produceFive .more a {width: 1.8rem; height: 0.57rem;background: #ba0703; border-radius: 0.29rem; display: flex; align-items: center; justify-content: center; color: #fff; transition: .5s;}
.produceFive .more a:hover {transform: scale(1.05);}
.produceFive ul {display: flex; justify-content: space-around;}
.produceFive li {position: relative; width: 25%; margin-right: 2.5%;}
.produceFive li:nth-child(2) { top: -10px;}
.produceFive li:nth-child(3) { top: 50px;}
.produceFive li .con {background: linear-gradient(0deg,#cdcdcb 0%, #ffffff 100%);border-radius: 0.1rem;width: auto; max-width: 250px; padding: .5rem .3rem .5rem .2rem; height: 220px; position: relative;}
.produceFive li .con h4 {font-size: var(--font18);color: #222222;font-weight: 700;}
.produceFive li .con p {margin-top: .2rem;color: #777777; line-height: 29px;}
.produceFive li i {width: 0.14rem;right: .1rem; height: 0.14rem;  border-radius: 50%; display: block; margin-left: auto; margin-top: .25rem; position: absolute; top: 100%;}
.produceFive li i::before {content: ""; position: absolute; width: 100%; height: 100%; background: #ba0703; border-radius: 50%; z-index: 1;}
.produceFive li i:after {content: "";  width: .34rem; height: .34rem; border-radius: 50%; background: #fff;position: absolute;     left: -71%; top: -71%; z-index: 0;}
.produceFive li i::after { animation: scalemap 2s linear infinite; -moz-animation: scalemap 2s linear infinite;-webkit-animation: scalemap 2s linear infinite;}
.produceFive li:nth-child(even) i::after {animation-delay: .3s;}
.produceFive li {    animation: list-jting  1.5s infinite ease-in-out alternate;}
/* 生产设备 */
.proMentMain {background: #f9f9f9; padding: .8rem 0;}
.proMentOne ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .25rem;}
.proMentOne ul li .imgBox {overflow: hidden;}
.proMentOne ul li .imgBox img {width: 100%; transition: .5s;}
.proMentOne ul li .con {padding: .25rem 0; border-bottom: 1px solid #CCCCCC;}
.proMentOne ul li .con span {color: #333333;font-size: var(--font18);display: block; position: relative;     padding-right: .5rem; box-sizing: border-box;}
.proMentOne ul li .con span::after {background: url(../images/jt8.png) no-repeat right; position: absolute; top: 0; right: 0; width: 100%; height: 100%; content: ""; filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5;}
.proMentOne ul li:hover .imgBox img {transform: scale(1.05);}
.proMentOne ul li:hover .con span::after {opacity: 1;filter: none;-webkit-filter:none;}
.proMentOne ul li:hover .con span {color: #ba0703;}

.mentRetrace .tle em {color: #666666;font-size: var(--font18);}
.mentRetrace .tle h3 {color: #333333; font-size: var(--font30);}
.mentRetrace .tle i {display: inline-block;width: 0.64rem;height: 0.04rem;background: #ba0703;}
.mentRaceCon {margin-top: .6rem;}

/* 设备详情 */
.caseDate {padding: .5rem 0;background: #f9f9f9;}
.caseDate .tle {text-align: center; margin-bottom: .5rem;}
.caseDate .tle h3 {font-size: 0.4rem;color: #333333; font-family: "PFBold";}
.caseDate .tle .time {font-size: 0.16rem;color: #444444;}
.caseDate .tle .time img {max-width: .25rem; vertical-align: middle;}
.caseDate .dateCon {padding: .6rem 0; border-top: 1px solid #EEEEEE;border-bottom: 1px solid #EEEEEE;}
.caseDate .dateCon img {max-width: 100%;}
.caseDate .datefy .prevNext {width: 80%;}
.caseDate .datefy { margin-top: .5rem; display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center;}
.caseDate .datefy p , .caseDate .datefy p a {font-size: 0.16rem;color: #666666; margin: .1rem 0;}
.caseDate .datefy p a:hover {color: #BA0703;}
.caseDate .datefy .back a {width: 1.74rem;height: 0.59rem; background: #BA0703;border-radius: 0.3rem;display: flex; align-items: center; justify-content: center;}
.caseDate .datefy .back a img {max-width: 13%; filter: brightness(100); -webkit-filter:brightness(100); transform: rotate(180deg);}
.caseDate .datefy .back a span {font-size: 0.16rem;color: #fff; margin-left: .1rem; transition: .5s;}
.caseDate .datefy .back a:hover span {margin-left: .15rem;}

/* 智能化生产 */
.smartCon {padding-top: .5rem;}
.smartTle {padding: .8rem 0; text-align: center;}
.smartTle h3 {font-size: .42rem;color: #333;visibility: hidden;}
.smartTle i {display: inline-block;width: 0.75rem; height: .05rem;background: #ba0703;}
.smartOne {background: #fff; text-align: center; padding: 0 .5rem; padding-bottom: .6rem;}
.smartOne img {max-width: 100%;}
.smartTwo {margin-top: 1rem;}
.smartTwo ul {display: flex; justify-content: space-between;}
.smartTwo ul li {width: 32%;background: #fff; padding: .25rem;}
.smartTwo ul li .imgBox {overflow: hidden; text-align: center;}
.smartTwo ul li img {max-width: 100%; transition: .5s;}
.smartTwo ul li span {text-align: center; font-size: var(--font16);color: #333; margin-top: .2rem; display: block;}
.smartTwo ul li:hover .imgBox img {transform: scale(1.05);}
.smartThree ul {display: flex; justify-content: space-between;}
.smartThree ul li {width: 49%; background: #fff; padding: .5rem; box-sizing: border-box;}
.smartThree li .tle {text-align: center;}
.smartThree li .tle em {color: rgb(89, 89, 89); font-size: var(--font18);}
.smartThree li .tle h4 {font-size: var(--font24); color: #333;}
.smartThree li .tle i {display: inline-block;width: 0.64rem; height: 0.04rem;background: #ba0703;}
.smartThree li .text {color: rgb(89, 89, 89); margin-top: .4rem; text-align: center; line-height: 32px;}
.smartThree li dl {margin-top: .4rem; display: grid; grid-template-columns: repeat(auto-fill,104px); gap: .5rem; row-gap: .25rem; justify-content: center;}
.smartThree li dl dd {  background: #F7F7F7; border-radius: 50px;padding: 9px 20px;   color: rgb(89, 89, 89);}
.smartFour {margin-top: .8rem;}
.smartFour ul {display: grid; grid-template-columns: repeat(4,1fr); gap: .25rem;}
.smartFour ul li {background: #fff; padding: .8rem .3rem; transition: .5s; box-sizing: border-box;}
.smartFour ul li h5 {font-size: var(--font24);color: #333; margin-top: .25rem;}
.smartFour ul li p {color: rgb(89, 89, 89); margin-top: .25rem;line-height: 32px;}
.smartFour ul li:hover {transform: translateY(-10px);}
.smartFive {margin-top: 0;}
.smartFive ul li {padding: .5rem .3rem;} 

/* =====品质服务===== */
.qualitSystem {margin:.5rem 0;}
.qualitSystem .swiperBox {display: flex;}
.qualitSystem .swiperBox .newsCenterSwiper .swiper-slide a {margin-left: 0; margin-right: 40px;}
.qualitSystem .litySystemBox {background: #f9f9f9;margin-top: .5rem;padding:0.4rem}
.qualitSystem ul li {border-bottom: 1px solid #ddd; padding: 0 .5rem; box-sizing: border-box;}
.qualitSystem ul li a {display: flex; justify-content: space-between; padding: .2rem 0;}
.qualitSystem ul li h5 {color: #333333;font-size: var(--font20); position: relative; padding-left: .4rem; display: -webkit-box;overflow: hidden;  	-webkit-line-clamp: 1;-webkit-box-orient: vertical;}
.qualitSystem ul li h5::before {content: ""; position: absolute; left: .05rem; top: 50%; transform: translate(-50%, -50%);width: 8px; height: 8px; background: #ba0703;}
.qualitSystem ul li .time {flex-shrink: 0;color: #888888; font-size: var(--font19);     margin-left: .5rem;}
.qualitSystem ul li:hover h5 {color: #ba0703;}

.qualiRFPC {padding-bottom: 1rem;}
.qualiRFPC ul {display: grid; grid-template-columns: repeat(4,1fr);gap: .5rem;}
.qualiRFPC ul li {padding: .1rem; box-sizing: border-box; background: #ffffff; height: 1.25rem; border-radius: 10px; box-shadow: 0rem 0.05rem 0.3rem 0rem rgba(61,61,61,0.06); display: flex; align-items: center; justify-content: center;}
.qualiRFPC ul li img {max-width: 100%;}

.terminal {background: url(../images/terminal-bj.jpg) no-repeat center; background-size: cover; background-attachment: fixed;}
.terminal ul {grid-template-columns: repeat(5,1fr);gap: .35rem;}

.qualitSure {margin: .7rem 0;}

/* =====招聘与责任===== */
.dutyMain {overflow: hidden; position: relative;}
.dutyOne {margin-bottom: 1rem;}
.dutyOne .box {display: flex; justify-content: space-between;}
.dutyOne .box .le {width: 50%; background: #f8f8f8; display: flex; align-items: center; padding: 0.2rem 0.8rem; box-sizing: border-box;}
.dutyOne .le h4 {font-size:var(--font30);position: relative; padding-left: .2rem;}
.dutyOne .le i {position: absolute; left: 0; top: 50%; transform: translate(-50%, -50%);width: 0.13rem; height: 0.13rem; background: #ba0703; border-radius: 50%;}
.dutyOne .le i::after {content: ""; width: 150%; height: 150%; border-radius: 50%;background: #BA0703;position: absolute;left: -25%; top: -25%; z-index: 0; animation: scalemap 2s linear infinite; -moz-animation: scalemap 2s linear infinite; -webkit-animation: scalemap 2s linear infinite;}
.dutyOne .le p {color: #666666;margin-top: 5px;    padding-left: .2rem;}
.dutyOne .le p span {display: block;}
.dutyOne .le dd {padding: .3rem; border-bottom: 1px solid rgba(221, 221, 221,.63);}
.dutyOne .le dd:first-child {padding-top: 0;}
.dutyOne .le dd:last-child {padding-bottom: 0; border: 0;}
.dutyOne .re {width: 50%;}
.dutyOne .re dl {display: grid;  grid-template-columns: 30% 30% 4% 16% 16%; grid-template-rows: 1.63rem 1.55rem 0.69rem 1.79rem; gap: 0.08rem;}
.dutyOne .re img {width: 100%; height: 100%; object-fit: cover;}
.dutyOne .re dl dd:nth-child(1) {grid-row: 1 / 3;}
.dutyOne .re dl dd:nth-child(2) {grid-row: 1 / 4;}
.dutyOne .re dl dd:nth-child(3) { grid-column: 3 / 5;}
.dutyOne .re dl dd:nth-child(5) { grid-column: 3 / 6; grid-row: 2 / 4;}
.dutyOne .re dl dd:nth-child(6) { grid-row: 3 / 5;}
.dutyOne .re dl dd:nth-child(8) { grid-column: 3 / 6;}

.dutyTwo {background: url(../images/dutyTwo-bj.jpg) no-repeat center; background-size: cover; padding: 2rem 0;}
.dutyTwo p span {display: block;font-size: 0.46rem;color: #ffffff;}
.dutyTwo .text {color: #ffffff;line-height: 1.8; margin-top: .7rem; width: 50%;}

.dutyThree {background: #f7f7f7;  padding-bottom: .6rem;}
.dutyThree .tleInfo {color: #666666;}
.dutyThree .tleInfo a {color: #BA0703;}
.dutyThree .wxInfo {display: inline-block; position: relative;}
.dutyThree .wxInfo > img {filter: grayscale(100%); -webkit-filter:grayscale(100%); opacity: .5;}
.dutyThree .wxInfo .jobCode {position: absolute; width: 100%;left: 42%;  padding-top: 15px; transform: translateY(20%); transition: .5s; opacity: 0; visibility: hidden;}
.dutyThree .wxInfo .codeBox {  padding: 5px; z-index: 0; background: #fff;position: absolute; width: 100%; border-radius: 5px; box-sizing: border-box; box-shadow: 0 2px 11px rgba(0, 0, 0, 0.35);text-align: center;} 
.dutyThree .wxInfo .codeBox::after { z-index: -1;content: ""; display: block; width: 0px; height: 0px; border: 12px solid transparent; border-bottom-color: #fff; position: absolute; top: -22px; left: 50%; margin-left: -11px;}
.dutyThree .wxInfo .codeBox img {max-width: 100%;}
.dutyThree .wxInfo:hover > img {filter: none; -webkit-filter:none; opacity: 1;}
.dutyThree .wxInfo:hover .jobCode { transform: none;opacity: 1; visibility: visible;}

.dutyThree ul li {margin-bottom: .22rem; background: #fff; padding: .4rem .7rem .35rem .5rem; box-sizing: border-box; display: none;}
.dutyThree ul li h5 {font-size: var(--font28);color: #333333;}
.dutyThree ul li .liBox {margin-top: .4rem; display: flex; justify-content: space-between; align-items: center; }
.dutyThree ul li dl {display: grid; grid-template-columns: repeat(4,auto); justify-content: flex-start; gap: 1rem; margin-right: 10%;}
.dutyThree ul li dl em {display: block;color: #888888;}
.dutyThree ul li dl span {color: #333333;font-size: var(--font18);display: block; margin-top: 5px;}
.dutyThree ul li .more {position: relative; top: -.3rem;}
.dutyThree ul li .more a { width: 1.42rem;height: 0.58rem; background: #ba0703; border-radius: 0.29rem; display: flex;align-items: center; justify-content: center; color: #fff;}
.moreList {display: flex; justify-content: center; align-items: center; margin-top: .7rem;}
.moreList a {color: #BA0703; margin-right: .1rem;}

.dutyFour {padding-bottom: .5rem;}
/* .dutyFourSlide {display: flex; justify-content: center; margin-bottom: .6rem;}
.dutyFourSlide .item {cursor: pointer; width: 2rem; height: 0.6rem; border: 0.01rem solid #ddd; color: #333; font-size: var(--font18); border-radius: 0.35rem; display: flex; align-items: center; justify-content: center; transition: .5s; margin-left: .5rem;}
.dutyFourSlide .item:nth-child(1) {margin-left: 0;}
.dutyFourSlide .item.on {background: #ba0703; border-color:#ba0703 ; color: #fff;}
.dutyFour .swiperBox dl dd {display: none;}
.dutyFour .swiperBox dl dd.on {display: block;} */
.dutyFourSlideSwiper {margin-bottom: .5rem;}
.dutyFourSlideSwiper .swiper-wrapper {justify-content: center;}
.dutyFourSlideSwiper .item {cursor: pointer; width: 2rem; height: 0.6rem; border: 0.01rem solid #ddd; color: #333; font-size: var(--font18); border-radius: 0.35rem; display: flex; align-items: center; justify-content: center; transition: .5s;}
.dutyFourSlideSwiper .item:nth-child(2) {margin-left: .5rem;}
.dutyFourSlideSwiper .item.swiper-slide-thumb-active {background: #ba0703; border-color:#ba0703 ; color: #fff;}

.dutyFourSwiper {padding-bottom: .7rem;}
.dutyFourSwiper.on {display: block;}
.dutyFourSwiper .swiper-slide {width: 25%;}
.dutyFourSwiper .swiper-slide .imgBox {overflow: hidden;border-radius: 10px;}
.dutyFourSwiper .swiper-slide .imgBox img {width: 100%; transition: .5s;}
.dutyFourSwiper .swiper-slide .desc {text-align: center; height: 50px;line-height: 50px;font-size: 0.19rem;}
.dutyFourSwiper .swiper-slide:hover .imgBox img {transform: scale(1.05);}
.dutyFourSwiper .bulletActive {background: #ba0703; opacity: 1;}
.dutyFourSwiper .swiper-pagination {text-align: center; width: 100%; margin-top: 10px;}
.dutyFourSwiper .swiper-pagination span {margin: 0 5px;}
.dutyFourSwiper .swjt {top: 40%; cursor: pointer; width: 0.45rem;height: 0.45rem; background: #eeeeee; border-radius: 50%;display: flex;align-items: center; justify-content: center;transition: .5s;}
.dutyFourSwiper .swjt.swiper-button-prev {transform: rotate(180deg);}
.dutyFourSwiper .swjt img {max-width: 30%;}

/* ===== 企业社会责任 ===== */
.socialOne {background: #f5f5f5; overflow: hidden; position: relative; top: -1rem;}
.socialOne .proDucetTle {padding: 0; position: relative; top: 1.7rem;}
.socialOne .boxAll {position: relative;top: 3.5rem; width: 7.5rem; height: 7.5rem; border-radius: 50%; margin: auto; padding: .5rem; padding-bottom: 0; box-sizing: border-box;}
.socialOne .box { position: relative;}
.socialOne .boxAll::after {content: ""; top: 0; position: absolute; width: 100%;height: 100%;left: 0;border: 0.01rem dashed #cccccc; border-radius: 50%; }
.socialOne .box .imgBox {position: relative; z-index: 1;}
.socialOne .box .imgBox::after {content: ""; background: #ebebeb; width: 100%; height: 150%; position: absolute; left: 0; z-index: -1; border-radius: 50%;}
.socialOne .box .imgBox::after {animation: shubiao 2s linear infinite; -moz-animation: shubiao 2s linear infinite;-webkit-animation: shubiao 2s linear infinite;}
.socialOne .box img {width: 100%;}
.socialOne ul li {position: absolute; z-index: 1;}
.socialOne ul li span {font-size: .22rem;color: #333333;}
.socialOne ul li i {display: inline-block; width: 0.16rem; height: 0.16rem;  border: 0.02rem solid #ba0703; border-radius: 50%;}
.socialOne ul li:nth-child(1) {top: 13%;left: -42.8%;}
.socialOne ul li:nth-child(2) {top: -8%;left: 22%;}
.socialOne ul li:nth-child(2) i {display: block; margin: auto; margin-top: .2rem;}
.socialOne ul li:nth-child(2) {top: -8%;left: 22%;}
.socialOne ul li:nth-child(3) {display: flex; align-items: center; top: 13%; left: 85%; white-space: nowrap;}
.socialOne ul li:nth-child(3) i {order: -1; margin-right: .2rem;}
.socialOne ul li:nth-child(4) {top: 36%;left: -55.3%;}
.socialOne ul li:nth-child(5) {display: flex; align-items: center; top: 36%; left: 97.8%; white-space: nowrap;}
.socialOne ul li:nth-child(5) i {order: -1; margin-right: .2rem;}

.socialTwo {margin-bottom: 1rem;}
.socialTwo .proDucetTle {padding-top: 0;}
.socialTwoSlide .hd {border-bottom: 1px solid #DDDDDD;}
.socialTwoSlide .hd ul {display: flex; justify-content: space-around; padding: 0 2rem;}
.socialTwoSlide .hd ul li {display: flex; align-items: center; padding-bottom: .25rem; position: relative;}
.socialTwoSlide .hd ul li::after {content: ""; position: absolute; width: 0; left: 0; bottom: -2px; height: 4px;background: #ba0703; transition: .5s;}
.socialTwoSlide .hd ul li.on::after {width: 100%;}
.socialTwoSlide .hd ul li span {color: #c7c7c7;font-size: .3rem; margin-left: 15px;}
.socialTwoSlide .hd ul li img { filter: brightness(0); -webkit-filter:brightness(0); opacity: .3;}
.socialTwoSlide .hd ul li.on img { filter: none; -webkit-filter:none; opacity: 1;}
.socialTwoSlide .hd ul li.on span {color: #333;}
.socialTwoSlide .bd {margin-top: .6rem;}
.socialTwoSlide .bd img {max-width: 100%;}
.socialTwoSlide .bd ul {width: 1600px;margin:0 auto; max-width: 92%;}
.socialTwoSlide .bd ul li{max-width: 100%;margin:0 auto;}
.socialTwoSlide .bd ul .scciaList tr td p {white-space: nowrap;}
.socialTwoSlide .bd ul .sociaTable {overflow-x: auto; white-space: nowrap;}
.socialTwoSlide .bd ul .sociaTable tr td {padding: 0 10px; box-sizing: border-box;}

.socialTwoSlide .bd ul:nth-child(3) .scciaList table {width: 100%;}
.socialTwoSlide .bd ul:nth-child(3) .scciaList tr {display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between;}
.socialTwoSlide .bd ul:nth-child(3) .scciaList tr td {width: 48%;}
.socialTwoSlide .bd ul:nth-child(3) .scciaList tr td p {white-space: wrap;line-height: initial !important;}



/* .socialTwoSlide .bd ul li a {border: 1px solid #dddddd; display: block; padding: .3rem; box-sizing: border-box;}
.socialTwoSlide .bd ul li .imgBox {overflow: hidden;}
.socialTwoSlide .bd ul li img {width: 100%; transition: .5s;}
.socialTwoSlide .bd ul li span {display: block; text-align: center; margin-top: .35rem; font-size: .26rem;color: #333333;}
.socialTwoSlide .bd ul li:hover .imgBox img {transform: scale(1.05);} */

.socialThree {margin-bottom: 1rem;}

.socialFour {background: #f7f7f7;}
.aboutFive {padding-bottom: 1rem; max-width: 3800px; margin: auto;}
.aboutFive .swiperBox {position: relative; padding-bottom: 0.18rem;overflow: hidden; padding-top: 0.3rem;}
.abFiveSwiper {width: 100%; margin: auto; perspective: 40rem;}
@media screen and (min-width: 2400px) {.abFiveSwiper { perspective: 50rem;}}
@media screen and (min-width: 3610px) {.abFiveSwiper { perspective: 60rem;}}
.abFiveSwiper .swiper-slide {transform-style: preserve-3d;width: 28%;}
.abFiveSwiper .imgBox { border-radius: 0.1rem; overflow: hidden; position: relative;}
.abFiveSwiper .imgBox img { display: block; width: 100%; transition: .5s;}
.abFiveSwiper .videoBox::after {content: ""; position: absolute; top: 0; width: 100%; height: 100%; background: url(../images/videoBtn.png) no-repeat center; z-index: 1;}
.abFiveSwiper .con {opacity: 0.43; text-align: center; width: 80%; margin: auto; margin-top: 0.3rem;}
.abFiveSwiper .con h5 {font-size: var(--font20); font-weight: 700;color: #333333;}
.abFiveSwiper .con span {color: #666666; font-size: var(--font16); margin-top: 0.1rem; display: block;}
.abFiveSwiper .swiper-slide-active .con {opacity: 1;}
.abFiveSwiper .swiper-button-prev {transform: rotate(180deg); left: 31%;}
.abFiveSwiper .swjt {width: 0.86rem;height: 0.6rem; background: #ddd; border-radius: 0.3rem; top: 92%;right: 31%; transition:background .5s;}
.abFiveSwiper .swjt:hover {background: #ba0703;}
.abFiveSwiper .swjt:hover img {filter: brightness(100); -webkit-filter:brightness(100);}
.abFiveSwiper .swiper-slide:hover .imgBox img {transform: scale(1.1);}

/* =====联系我们===== */
.contact {padding: 1.3rem 0 .7rem 0; position: relative; overflow: hidden;}
.contact::after {content: ""; height: 100%; width: 59%; position: absolute; right: 0;background: #f9f9f9;top: 0; z-index: -1;}
.contact .box {display: flex;justify-content: space-between;}
.contact .box h3 {font-size: 0.36rem;color: #333333;font-weight: 700;}
.contact .box .le dl {margin-top: .6rem;}
.contact .box dl dd {display: flex; align-items: center; margin: .25rem 0;}
.contact .box dl dd .icBox {width: 25px;display: flex; align-items: center; justify-content: center;}
.contact .box dl dd span {font-size: var(--font18);color: #333333;margin-left: 10px;}
.contact .box dl dd a {font-size: var(--font18);color: #333333;}
.contact .box dl dd a:hover {color: #BA0703;}
.contact .box .mapNav {margin-top: .5rem;}
.contact .box .mapNav a {display: flex;width: 1.79rem;height: 0.62rem; background: #ba0703; border-radius: 0.31rem; align-items: center; justify-content: center; color: #fff;}
.contact .box .mapNav a img {filter: brightness(100); -webkit-filter:brightness(100); margin-right: 8px;}
.contact .box .tactCode {display: grid;grid-template-columns: repeat(2,auto); justify-content: flex-start; gap: .35rem; margin-top: .6rem; text-align: center;}
.contact .box .tactCode .codeBox {border: 1px solid #eeeeee; max-width: 3rem;}
.contact .box .tactCode .codeBox img {max-width: 100%;}
.contact .box .tactCode span {color: #777777; display: block; margin-top: 10px;}

.indexEight .box .re {width: 55%; position: relative; z-index: 1;}
.indexEight .box .re form {display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: .6rem;}
.indexEight .box .re .col2 {position: relative;width: 48%; margin-bottom:0.5rem;}
.indexEight .box .re .col2 input {background: none; border: none; border-bottom: 1px solid #CCCCCC; color: #333; width: 100%; outline: none; padding: 0.1rem 0;}
.indexEight .box .re label {font-weight: 400;color: #888888; position: absolute;top: 0; z-index: -1; transition: .5s; left: 0;}
.indexEight .box .re label span {color: #BA0703;}
.indexEight .box .re .col2 input:focus + label {top: -.15rem; font-size: var(--font14);}
.indexEight .box .re .col2 input.filled + label {top: -.15rem; font-size: var(--font14);}
.indexEight .box .re .col3 {width: 100%; position: relative;margin-bottom:0.5rem;}
.indexEight .box .re .col3 select {border: none;background: none;border-bottom: 1px solid #CCCCCC;color: #333; width: 100%; outline: none; padding: 0.1rem 0;}
.indexEight .box .re .col3 select:focus + label {top: -.15rem; font-size: var(--font14);}
.indexEight .box .re .col3 select.filled + label {top: -.15rem; font-size: var(--font14);}
.indexEight .box .re .col4 {margin-top: .2rem; margin-top: .6rem;}
.indexEight .box .re .subinput {margin-top:.2rem; cursor: pointer;   width: 100%;}
.indexEight .box .re .sub {width: 1.8rem;height: .62rem; border-radius: 0.31rem; border: none; background: #BA0703; z-index: -1; color: #ffffff;font-weight: 400;outline: none;cursor: pointer; }





.qualitSure .box img{max-width: 100%}







































































/* 视频弹出层 */
.acquisition-info {padding: 2rem;box-sizing: border-box; background-color: #fff; width: 110%; display: none;}
.acquisition-info .box-title {display: flex; justify-content: space-between; align-items: center; border-bottom: 1px solid #eee; padding-bottom: 1rem;}
.acquisition-info .box-title h3 {font-size: 1.6rem; color: #000; font-weight: bold;}
.acquisition-info .box-title span {font-size: 2.5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition-info dl {margin-top: 2rem;}

/* 简历弹出层 */
.acquisition {padding: .3rem;box-sizing: border-box; background-color: #fff; width: 55%; display: none; cursor: default;    white-space: initial;}
.acquisition .box-title {display: flex; justify-content: space-between; align-items: center;}
.acquisition .box-title h3 {font-size: var(--font24); color: #000; font-weight: bold; margin: 0; text-align: left; width: 85%;}
.acquisition .box-title span {font-size: .5rem; cursor: pointer; color: #000; line-height: 30px;}
.acquisition .time span {font-size: var(--font16); color: #666;display: inline-block; margin-right: .6rem;}
.acquisition .time {border-bottom: 1px solid #ececec; padding: .1rem 0; text-align: left;}
.acquisition .infoCon {margin-top: .25rem;  height: 38vh; overflow-y:auto; text-align: initial;}
@media screen and (min-width: 200px) and (max-width: 768px) {
.acquisition {  width: 92%;}
}


/* 搜索页面 */
.search-page .box {margin-top: .7rem;}
.search-page form {width: 75%;margin: auto; margin-bottom: 60px; border: 1px solid #333; border-radius: 50px; padding:5px 20px; box-sizing: border-box; display: flex;     align-items: center; justify-content: space-between; }
.search-page form .searchCon {padding: 5px 0; width: 95%; line-height: 35px; outline: none; border: none; box-sizing: border-box; font-size: 16px;}
.search-page form .sub {width: 23px;  height: 23px; display: block; cursor: pointer; background: url(../images/searchIcon.png) no-repeat center; outline: none; border: none; background-size:contain; filter: brightness(0); -webkit-filter:brightness(0);}
.search-page ul {width: 100%;}
.search-page li {width: 100%; padding: 30px; margin-top: 20px; box-sizing: border-box; background: #f5f5f5;}
.search-page li span {background: #ba0703; color: #fff; font-size: 12px; padding: 2px 5px; }
.search-page li h3 {font-size: 18px; margin: 10px 0; color: #000000; font-weight: 700;}
.search-page li p {font-size: 16px; color: #666; line-height: 20px; flex-wrap: nowrap; justify-content: center;}
.search-page li .le {width: 95%;}
.search-page li a {display: flex; align-items: flex-end; justify-content: space-between;}
.search-page li img {transition: .5s; margin-right: 20px;}
.search-page li:hover img {transform: translateX(20px);}
@media screen and (min-width: 200px) and (max-width: 640px){
  .search-page form {
      width: 90%;
      margin-bottom: 40px;
  }
}

/* 分页 */
.fy { padding: 0.5rem 0; display: flex;justify-content: center;align-items: center; flex-wrap: wrap;}
.fy a {background: #F5F5F5; display: flex; align-items: center; justify-content: center;  color: #333; font-size: 14px;}
.fy a {width: 40px; height: 40px; transition: .4s; margin:5px; border-radius: 50%;}
.fy a.layui-laypage-prev , .fy a:first-child , .fy a:last-child {width: 70px; border-radius: 30px;}
.fy a:hover {color: #fff; background: #bd0703;}
.fy .layui-laypage-curr {display: flex; align-items: center; justify-content: center; border-radius: 50%;}
.fy .layui-laypage-curr {width: 40px; height: 40px; color: #fff; background: #bd0703; font-size: 14px; margin: 0 5px;}